<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/commons/global.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>内蒙古民族工艺美术网</title>
    <link href="${staticPath }/static/style/css/bootstrap.min.css" rel="stylesheet">
    <link href="${staticPath }/static/style/css/mycss.css" rel="stylesheet">
    <style type="text/css">
    body,td,th {
	color: #000;
}
    </style>
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    <!--<script language="javascript"> var now=new Date(); document.write(now.getDate());</script> -->

  </head>
  <body>
 <div class="container-fluid">
	<%@ include file="header.jsf"%>
	<div class="row">
		<div class="col-sm-2">
		<img src="${staticPath }/static/style/images/水印.png" alt=""  width=230 class="img-responsive "/>
		</div>
		<div class="col-sm-4">
          <div>
          	<ul class="list-inline">
            <li class="pull-left">&nbsp;新闻中心</li>
               <li class="pull-left"><img src="${staticPath }/static/style/images/蒙古云.png" alt="" class="img_bottom"/></li>
               <li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
               <li class="pull-right "><a class="font_more" href="#">更多</a></li>
               <li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
            </ul>
          </div>
          <div><img src="${staticPath }/static/style/images/花边.png" alt="" class="img-responsive "/></div>
          <div>
          	<div class="col-sm-1">
            	<ul class="list-unstyled">
            		<c:forEach items="${news}" var="article">   
                    	<li>
                    		<ul class="list-unstyled">
                        		<li><h3>&nbsp;&nbsp;<fmt:formatDate pattern="dd" value="${article.updateTime}" /></h3></li>
                            	<li><span class="new_date text-left"><fmt:formatDate pattern="yyyy-MM" value="${article.updateTime}" /></span></li>
                        	</ul>
                    	</li>
    				</c:forEach>
                </ul>
            </div>
            <div class="col-sm-9">
            	<ul "list-unstyled">
            		<c:forEach items="${news}" var="article">   
                    	<ul class="list-unstyled">
                        	<li><p class="new_title"><strong>${article.title}</strong></p></li>
                            <li><p class="new_abs">${article.abs}</p></li>
                    	</ul>
    				</c:forEach>
                </ul>
            </div>
            <div class="col-sm-2">
               <ul class="list-unstyled">
               		<c:forEach items="${news}" var="article">   
                    	<ul class="list-unstyled">
                        	<li><a href="#" class="news_href"><img src="${staticPath }/static/style/images/新闻更多.png" alt="" class="img-responsive center-block"/></a></li>
                   		</ul>
    				</c:forEach>
                </ul>  
            </div>
          </div>
       </div>
        <div class="col-sm-4">
        <img src="${staticPath }/static/style/images/首页图片1.png" alt=""  width=100% class="img-responsive center-block"/>
		</div>
        <div class="col-sm-2"></div>
	</div>
    
    <div class="row">
    	<div class="col-md-12">
   			 <img src="${staticPath }/static/style/images/灰色分割线.png" alt=""  width=100% class="img-responsive center-block"/>
    	</div>
    </div>
    <div class="row">
    	<div class="col-md-2"> </div>
   	    <div class="col-md-8">
    		<ul class="list-inline">
            	<li class="pull-left">&nbsp;非遗传承</li>
               		<li class="pull-left"><img src="${staticPath }/static/style/images/蒙古云.png" alt="" class="img_bottom"/></li>
              		<li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
               		<li class="pull-right "><a class="font_more" href="#">更多</a></li>
               		<li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
            	</ul>
            <div><img src="${staticPath }/static/style/images/花边longer.png" alt="" width=100% class="img-responsive "/></div>
        </div>
    	<div class="col-md-2">  </div>
    </div>
    
    
    <div class="row">
        <div class="col-md-2"> </div>
        <div class="col-md-8">
        	<div class="col-md-3">
                <div>
               	<img src="${staticPath }/static/style/images/服饰1.png" alt="" class="img-responsive img_border_1"/>
                </div>
                <div>
                	<p class="new_title"><strong>蒙服以及东北亚服饰</strong></p>
                    <p class="new_date">蒙服以及东北亚服饰蒙服以及东北亚服饰蒙服以及东北亚服饰蒙服以及东北亚服饰</p>
                </div>
                <div>
                     <a href="#"><img src="${staticPath }/static/style/images/查看更多云朵图样.png" alt=""/></a>
                </div>
            </div>
            <div class="col-md-3">
            	<a href="#"><img src="${staticPath }/static/style/images/服饰2.jpg" alt="" width=100% class="img-responsive img_border"/></a>
            </div>
            <div class="col-md-3">
            	<a href="#"><img src="${staticPath }/static/style/images/服饰3.jpg" alt="" width=100% class="img-responsive img_border"/></a>
            </div>
            <div class="col-md-3">
            	<a href="#"><img src="${staticPath }/static/style/images/服饰4.jpg" alt="" width=100% class="img-responsive img_border"/></a>
            </div>
        </div>
        <div class="col-md-2">
        	<img src="${staticPath }/static/style/images/水印右.png" alt=""  width=230 "/>
        </div>
    </div>
  
     <div class="row">
     	<img src="${staticPath }/static/style/images/灰色banner.png" alt="" width=100% class="img-responsive img_border_2"/>
     </div>
     
     <div class="row div_blackcolor">
		<div class="col-md-2">
			<img alt="Bootstrap Image Preview" src="${staticPath }/static/style/images/草原1.jpg" class="img-responsive "/>
		</div>
		<div class="col-md-2">
			<p class="new_title_2">
				<strong>市长蒋卓庆任江苏纪</strong>
			</p>
			<p class="font_p">
				市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋蒋卓庆任江长蒋
			</p>
            <p class="num_style"><em>01</em></p>
           	<hr/ class="line_1">
			<p>
				<span class="glyphicon glyphicon-eye-open pull-left more_style_2">12567</span>
                <a class="btn pull-right more_style" href="#">查看详情 »</a>
			</p>
		</div>
		<div class="col-md-2">
			<img alt="Bootstrap Image Preview" src="${staticPath }/static/style/images/草原2.jpg" class="img-responsive" />
		</div>
		<div class="col-md-2">
			<p class="new_title_2">
				<strong>市长蒋卓庆任江苏纪</strong>
			</p>
			<p class="font_p">
				市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋蒋卓庆任江长蒋
			</p>
			 <p class="num_style"><em>02</em></p>
           <hr/ class="line_1">
			<p>
				<span class="glyphicon glyphicon-eye-open pull-left more_style_2">12567</span>
                <a class="btn pull-right more_style" href="#">查看详情 »</a>
			</p>
        </div>
		<div class="col-md-2">
			<img alt="Bootstrap Image Preview" src="${staticPath }/static/style/images/草原3.jpg" class="img-responsive" />
		</div>
		<div class="col-md-2">
			<p class="new_title_2">
				<strong>市长蒋卓庆任江苏纪</strong>
			</p>
			<p class="font_p">
				市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江苏纪委书记市长蒋卓庆任江长蒋
			</p>
			 <p class="num_style"><em>03</em></p>
           <hr/ class="line_1">
			<p>
				<span class="glyphicon glyphicon-eye-open pull-left more_style_2">&nbsp;12567</span>
                <a class="btn pull-right more_style" href="#">查看详情 »</a>
			</p>
	   </div>
    </div>
    
    <div class="row zc_border">
    	<div class="col-md-2"> </div>
   	    <div class="col-md-8">
    		<ul class="list-inline">
            	<li class="pull-left">&nbsp;众创空间</li>
               		<li class="pull-left"><img src="${staticPath }/static/style/images/蒙古云.png" alt="" class="img_bottom"/></li>
              		<li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
               		<li class="pull-right "><a class="font_more" href="${path}/zckj">更多</a></li>
               		<li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
            	</ul>
            <div><img src="${staticPath }/static/style/images/花边longer.png" alt="" width=100% class="img-responsive "/></div>
        </div>
    	<div class="col-md-2">  </div>
    </div>
    
    <div class="row zc_border">
        <div class="col-sm-2"> </div>
        <div class="col-sm-8 master-wrapper-page">
        	<div class="col-sm-6">
            	<div class="zcdiv_border_left zcdiv_right">
            		<div>
                    	<ul class="list-inline">
                        	<li><img src="${staticPath }/static/style/images/zc_日期.png" alt="" width=100%/></li>
                        </ul>
                    </div>
                    <div class="row">
                    	<div class="col-sm-1"></div>
                    	<div class="col-sm-3">
                        	<ul class="list-unstyled">
                        		<li><p><fmt:formatDate pattern="yyyy-MM" value="${zckjs[0].updateTime}" /></p></li>
                            	<li><p class="zc_font text-center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:formatDate pattern="dd" value="${zckjs[0].updateTime}" /></p><li>
                            </ul>
                        </div>
                        
                        <div class="col-sm-8">
                        	<p ><a href="${path}/zckjDetail?id=${zckjs[0].id}"><strong>${zckjs[0].title}</strong></a></p>
                            <p class="new_word1" >${zckjs[0].abs}</p>
                        </div>
                         
                    </div>
                   <c:forEach begin="1" end="4" items="${zckjs}" var="zckj"> 
                   <img src="${staticPath }/static/style/images/灰色分割线small.png" alt="" width=100% class="img-responsive"/>
                    <div class="row">
                    	<div class="col-sm-1"></div>
                    	<div class="col-sm-3">
                        	<p class="text-center zc_date">&nbsp;&nbsp;&nbsp;<fmt:formatDate pattern="yyyy-MM" value="${zckj.updateTime}" /></p>
                        </div> 
                        <div class="col-sm-8 ">
                            <p class="new_word2" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><a href="${path}/zckjDetail?id=${zckj.id}">${zckj.title}</a></p>
                        </div>
                       
                    </div>
                    </c:forEach>
                </div>
            </div>
            <div class="col-sm-6">
           		<div class="zcdiv_border_right zcdiv_left">
                	<div class="zc_hight">
                   	  <p class="zc_linehight"><strong>一</strong></p>
                      <p class="zc_linehight"><strong>一起的一个空间</strong></p>
                      <p class="new_word3 zc_linehight">民族传承是我们民族的一种</p> 
                    </div>
                  <img src="${staticPath }/static/style/images/灰色分割线small.png" alt="" width=100% class="img-responsive"/>
                  <div>
                  	 <img src="${staticPath }/static/style/images/zc_草原.jpg" alt="" width=100% class="img-responsive"/>
                  </div>
                  <c:forEach begin="5" end="8" items="${zckjs}" var="zckj">	
                  	<img src="${staticPath }/static/style/images/灰色分割线small.png" alt="" width=100% class="img-responsive"/>
                    <div class="row">
                    	<div class="col-sm-1"></div>
                    	<div class="col-sm-3">
                        	<p class="text-center zc_date">&nbsp;&nbsp;&nbsp;<fmt:formatDate pattern="yyyy-MM" value="${zckj.updateTime}" /></p>
                        </div> 
                        <div class="col-sm-8 ">
                            <p class="new_word2" style="overflow:hidden;text-overflow:ellipsis;white-space: nowrap;"><a href="${path}/zckjDetail?id=${zckj.id}">${zckj.title}</a></p>
                        </div>
                    </div>
                    </c:forEach>
                </div>
                </div>
            </div>
          
        </div>
        
        <div class="col-sm-2"> </div>
        
    </div>
    
     <div class="row xspt_margin">
     	<div class="col-sm-2"></div>
        <div class="col-sm-8 xspt_border">
            <div>
                <ul class="list-inline">
                    <li class="pull-left">&nbsp;销售平台</li>
                        <li class="pull-left"><img src="${staticPath }/static/style/images/蒙古云.png" alt="" class="img_bottom"/></li>
                        <li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
                        <li class="pull-right "><a class="font_more" href="#">更多</a></li>
                        <li class="pull-right"><img src="${staticPath }/static/style/images/更多图案.png" alt="" class="img_bottom"/></li>
                </ul>
                <div><img src="${staticPath }/static/style/images/花边longer.png" alt="" width=100% class="img-responsive "/></div>
            </div>
            <div class="row xspt_margin1">
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-4 xspt_padding">
                            <div class="carousel slide" id="carousel-785311">
                                <ol class="carousel-indicators xspt_carousel_indicators">
                                    <li class="active" data-slide-to="0" data-target="#carousel-785311">
                                    </li>
                                    <li data-slide-to="1" data-target="#carousel-785311">
                                    </li>
                                    <li data-slide-to="2" data-target="#carousel-785311">
                                    </li>
                               </ol>
                                <div class="carousel-inner ">
                                    <div class="item active xspt_img">
                                        <img alt="Carousel Bootstrap First" src="${staticPath }/static/style/images/xspt_轮换页1.png" width=100% />
                                        <div class="carousel-caption xspt_carousel_caption">
                                            <h5 class="xspt_h5_size">
                                                蒙古,经书
                                          </h5>
                                        </div>
                                    </div>
                                    <div class="item xspt_img">
                                        <img alt="Carousel Bootstrap First" src="${staticPath }/static/style/images/xspt_轮换页1.png" width=100% />
                                        <div class="carousel-caption xspt_carousel_caption">
                                            <h5 class="xspt_h5_size">
                                                蒙古,经书
                                          </h5>
                                        </div>
                                    </div>
                                    <div class="item xspt_img">
                                        <img alt="Carousel Bootstrap First" src="${staticPath }/static/style/images/xspt_轮换页1.png" width=100%/>
                                        <div class="carousel-caption xspt_carousel_caption">
                                            <h5 class="xspt_h5_size">
                                                蒙古,经书
                                            </h5>
                                        </div>
                                    </div>
                                </div> 
                            </div>
                            
                        </div>
                        <div class="col-md-8">
                            <div class="row xspt_cp_border1">
                                <div class="col-md-4 xspt_cp_high1">
                                    <div class="col-md-7">
                                       <a href="#"><img src="${staticPath }/static/style/images/销售1.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5">
                                       <a href="#" class="xspt_cp_font hrefcolor">内画屏风《万里长城》</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>
                                <div class="col-md-4 xspt_cp_border2 xspt_cp_high1">
                                    <div class="col-md-7">
                                        <a href="#"><img src="${staticPath }/static/style/images/汉风夹具.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5">
                                        <a href="#" class="xspt_cp_font hrefcolor">汉风夹具套餐JHF201</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>	
                                <div class="col-md-4 xspt_cp_border3 xspt_cp_high1">
                                    <div class="col-md-7">
                                        <a href="#"><img src="${staticPath }/static/style/images/景泰蓝盘.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5">
                                        <a href="#" class="xspt_cp_font hrefcolor">景泰蓝12寸鸟牡丹盘</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>
                            </div>
                            <div class="row xspt_cp_border4">
                                <div class="col-md-4 xspt_cp_border5">
                                    <div class="col-md-7 xspt_cp_high2">
                                        <a href="#"><img src="${staticPath }/static/style/images/花瓶.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5 xspt_cp_high3">
                                        <a href="#" class="xspt_cp_font hrefcolor">内画屏风《万里长城》</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>
                                <div class="col-md-4 xspt_cp_border2 xspt_cp_border5">
                                    <div class="col-md-7 xspt_cp_high2">
                                        <a href="#"><img src="${staticPath }/static/style/images/红色茶壶.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5 xspt_cp_high3">
                                        <a href="#" class="xspt_cp_font hrefcolor">汉风夹具套餐JHF201</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>	
                                <div class="col-md-4 xspt_cp_border3 xspt_cp_border5">
                                    <div class="col-md-7 xspt_cp_high2">
                                        <a href="#"><img src="${staticPath }/static/style/images/景泰蓝2.png" alt="" width=100% class="img-responsive"/></a>
                                    </div>
                                    <div class="col-md-5 xspt_cp_high3">
                                        <a href="#" class="xspt_cp_font hrefcolor">景泰蓝12寸鸟牡丹盘</a>
                                        <p class="xspt_cp_authorfont xspt_cp_linehigh">作者：李建</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-2"></div>
     </div>
     
      <div class="row hzdw_border">
    	<div class="col-md-2"> </div>
   	    <div class="col-md-8">
    		<ul class="list-inline">
            	<li class="pull-left">&nbsp;&nbsp;&nbsp;合作单位</li>
               		<li class="pull-left"><img src="${staticPath }/static/style/images/蒙古云.png" alt="" class="img_bottom"/></li>
            </ul>
            <div class="hzdw_border"></div>
            <div class="hzdw_main">
            <div class="table-responsive table-a">
               <table class="hzdw_font" width="880" border="0" cellspacing="0" cellpadding="0">
                 <tr>
                   <td>&nbsp;&nbsp;&nbsp;中国美术家协会</td>
                   <td>&nbsp;&nbsp;&nbsp;中央美术学院</td>
                   <td>&nbsp;&nbsp;&nbsp;中国新经典画会</td>
                   <td>&nbsp;&nbsp;&nbsp;西安美术学院</td>
                   <td>&nbsp;&nbsp;&nbsp;香山画院</td>
                   <td>&nbsp;&nbsp;&nbsp;展洲国际艺术区</td>
                   <td>&nbsp;&nbsp;&nbsp;西安美术学院</td>
                   <td>&nbsp;&nbsp;&nbsp;香山画院</td>
                   <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;展洲国际艺术区</td>
                 </tr>
               
                 <tr>
                   <td>&nbsp;&nbsp;&nbsp;中国美术管</td>
                   <td>&nbsp;&nbsp;&nbsp;首都博物馆</td>
                   <td>&nbsp;&nbsp;&nbsp;中国收藏家协会</td>
                   <td>&nbsp;&nbsp;&nbsp;现代工笔画院</td>
                   <td>&nbsp;&nbsp;&nbsp;中国工笔画协会</td>
                   <td>&nbsp;&nbsp;&nbsp;第十二届全国美展</td>
                   <td>&nbsp;&nbsp;&nbsp;中国美术管</td>
                   <td>&nbsp;&nbsp;&nbsp;首都博物</td>
                   <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国收藏家协会</td>
                 </tr>
                 <tr>
                   <td>&nbsp;&nbsp;&nbsp;中国油画学会</td>
                   <td>&nbsp;&nbsp;&nbsp;北京画院</td>
                   <td>&nbsp;&nbsp;&nbsp;中雕网</td>
                   <td>&nbsp;&nbsp;&nbsp;恒源祥</td>
                   <td>&nbsp;&nbsp;&nbsp;虚苑国际版画</td>
                   <td>&nbsp;&nbsp;&nbsp;北京大韵堂艺术</td>
                   <td>&nbsp;&nbsp;&nbsp;中国油画学会</td>
                   <td>&nbsp;&nbsp;&nbsp;北京画院</td>
                   <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中雕网</td>
                 </tr>
             </table>
            </div>
            </div>
        </div>
    	<div class="col-md-2"> </div>
     </div>
     
     <div class="row lastborder">
     	<img src="${staticPath }/static/style/images/底边花纹.png" alt="" width=100% class="img-responsive"/>
        
        <div class="lasbackground" align="center">
       
        <br>
		
         <table class="last_font" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td width="35" align="right" ><a href="#" class="last_font_color">首页</a></td>
               <td class="last_font_color">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
               <td width="56" class="last_font_color"><a href="#" class="last_font_color">新闻中心</a></td>
               <td class="last_font_color">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
               <td width="56" class="last_font_color"><a href="#" class="last_font_color">非遗传承</a></td>
               <td class="last_font_color">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
               <td width="127" class="last_font_color"><a href="#" class="last_font_color">民族工艺美术资源库</a></td>
               <td class="last_font_color">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
               <td width="56" class="last_font_color"><a href="#" class="last_font_color">众创空间</a></td>
               <td class="last_font_color">&nbsp;&nbsp;|&nbsp;&nbsp;</td>
               <td width="56" class="last_font_color"><a href="#" class="last_font_color">销售平台</a></td>
             </tr>
             </table>
             <p class="last_font_color last_font2">Copyright©2016 鄂尔多斯民族美术网 版权所有 蒙ICP052002230号</p>
             <br>
             <br>
       </div>
     </div>
     
 </div>   
    <script src="${staticPath }/static/style/js/jquery-1.12.3.min.js"></script>
    <script src="${staticPath }/static/style/js/bootstrap.min.js"></script>
  </body>
</html>
